:root{--width: 100%}
.container{padding: 0 5%;box-sizing: border-box;}
.btn{width: 150px;height:45px;line-height:45px;font-size: 1.8rem;}
#header .menu-box .tel{display: none}
#foot-message .contact{display: none;}
#foot-message .con{padding-left: 0;}

#main .x-title{font-size: 3rem;}
#main .x-title-sub{font-size: 1.5rem;}
#main .top-banner .txt{font-size: 4rem}
#main .top-banner .btn{height: 45px;line-height: 45px;}

#index.index .banner{height: auto;}
#index.index .banner img{height: auto;}
#index.index .sys .list{flex-wrap: wrap;}
#index.index .sys .list .box{width: 47.5%;margin-bottom: 20px;}
#index.index .sys .list .box .title p:nth-of-type(1){font-size: 1.8rem;}
#index.index .sys .list .box .con .item{justify-content: flex-start;}
#index.index .sys .list .box .con .item .img{width: 90px;}
#index.index .why{margin-top: 50px;}
#index.index .why .x-title{padding-bottom: 20px;}
#index.index .why .list{flex-direction: column;}
#index.index .why .list .item{margin: 0 0 30px;padding: 20px 0}
#index.index .why .list .item img{height: 30px;}
#index.index .why .list .item .title{font-size: 1.8rem;margin-top: 10px;}
#index.index .why .list .item .desc{margin-top: 10px;}
#index.index .pain-point .swiper{padding-bottom: 80px;}
#index.index .pain-point .swiper .swiper-pagination{bottom: 50px;}
#index.index .news.container{padding: 0  20px;}
#index.index .news .x-title{margin-bottom: 10px;}
#index.index .company{padding: 80px 5% 100px;}
#index.index .company .list .item{width: 23%;}

#product .content .box{padding-top: 80px;}
#product .content .box .con .title{font-size: 3rem}

#price .top-banner{height: 380px;}
#price .top-banner .price-wrap{width: 80%;padding: 30px 50px;}
#price .top-banner .price-wrap .txt p:nth-of-type(1){font-size: 3rem;margin-bottom: 20px;}
#price .top-banner .price-wrap .price span:nth-of-type(1){font-size: 4rem;}
#price .content{width: 80%;padding: 30px 50px;}
#price .content table th{font-size: 1.8rem;height: 60px;}
#price .content table td{padding: 20px 10px;}
#price .content table p{margin-bottom: 5px;}

#case.dx .x-title{font-size: 3rem;}
#case.dx .box{margin-top: 100px}

#news.detail .main{padding: 24px 5%;margin-bottom: 80px;}
#news.detail .main .l{margin-right: 0;padding-right: 0;border: none;}
#news.detail .main .l .content{font-size: 1.4rem;}
#news.detail .main .r{display: none;}